$(() => {
  // 1.0 一级菜单点击
  $('.level01').on('click', function () {
    // 点击普通的一级菜单
    if ($(this).next('.level02').length === 0) {
      $(this).siblings('.level02').slideUp()
      $(this).siblings('.level01').find('b').removeClass('rotate0')
    }
    // console.log(111)
    // 1.1 点击的一级菜单后面有二级菜单的话，就切换 - (下一个选择器)
    $(this).next('.level02').slideToggle()

    // 1.2 箭头的旋转 - (后代选择器)
    $(this).find('b').toggleClass('rotate0')

    // 1.3 当前的一级菜单高亮，其他一级菜单恢复默认 - (兄弟选择器)
    $(this).addClass('active').siblings('.level01').removeClass('active')
  })

  // 2.0 获取用户基本信息
  $.ajax({
    type: 'get',
    url: 'http://localhost:8080/api/v1/admin/user/info',
    // 🧨 注意：除了用户登录接口外，其他接口均需要登录验证，需要在请求报文头中增加 Authorization
    headers: {
      // 用户登录成功后，把 token 保存到了本地存储
      Authorization: localStorage.getItem('token'),
    },
    success: (res) => {
      console.log(res)
      // 2.1 如果已经登录，就展示用户信息
      if (res.code === 200) {
        // console.log('已登录')
        // 2.1.1 更新头像
        $('.user_info img , .user_center_link img').attr('src', res.data.userPic)
        // 2.1.2 更新用户名
        $('.user_info span').text(`欢迎  ${res.data.nickname}`)
      } else {
        // console.log('未登录');
        // 2.2 未登录情况，重新回到登录页（登录后才能访问后台管理系的首页）
        window.location.href = './login.html'
      }
    },
  })

  // 3.0 点击退出登录
  $('.logout').on('click', () => {
    // 3.1 清除本地存储的 token 通信凭证
    localStorage.removeItem('token')
    // 3.2 跳转到登录页
    window.location.href = './login.html'
  })

  // 4.0 二级菜单点击高亮
  $('.level02 li').on('click', function () {
    $(this).addClass('active').siblings().removeClass('active')
  })
})
